<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style>
  #app{
    background-color: #ededed;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.2);
    height: 50px;
    outline-offset: 0;
    outline: 1px solid rgba(255,255,255,0.2);
    -webkit-border-radius: 8px;
    border: 1px solid  rgba(255,255,255,0);
  }
  /*---鼠标点击滚动条显示样式--*/
  ::-webkit-scrollbar-thumb:hover {
    background-color: #999;
    height: 50px;
    -webkit-border-radius: 8px;
  }
  /*---滚动条大小--*/
  ::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 8px;
  }
  /*---滚动框背景样式--*/
  ::-webkit-scrollbar-track-piece {
    background-color: rgba(210, 210, 210, 0.22);
    -webkit-border-radius: 8px;
  }
  /*---x轴滚动条和y轴滚动条交汇的地方---*/
  ::-webkit-scrollbar-corner {
    background-color: transparent;
  }

</style>
